<template>
  <view class="content">    
    <view class="mfgs-item" v-for="item in jdata" :key="item.id" >
      <view class="swiper-slide mar-bottom" >
        <view class="container-itemV3" >
          <view class="item-con item-front">
            <view class="btn-area click_open_layer">
				<a class="common-call" href="javascript:void(0);">
				  向他咨询
				  <span class="icon icon-zixun"></span>
				</a>
			      <img :src="item.image" :alt="item.name" @click="details(item.id)" />
              
            </view>
            <a class="card-front" @click="details(item.id)">
              <view class="pic">
                <img class="swiper-lazy" />
              </view>

              <view class="zxs_info" style="background:#ffffff;">
                <view class="title">
                  <p class="tit">{{item.name}}</p>
                  <p class="ti">{{item.type_arr_one[0]}}</p>
                </view>
                <view class="stars">
                  <img src="../../static/img00/score.png" />
                  <img src="../../static/img00/score.png" />
                  <img src="../../static/img00/score.png" />
                  <img src="../../static/img00/score.png" />
                  <img src="../../static/img00/score.png" />
                </view>
                <view class="num">
                  <p>服务客户：{{item.clients}}人</p> 
                  <p>勘察楼盘：{{item.survey}}次</p>
                </view>
                <view class="desc">
                {{item.description}} 
				        </view>
              </view>
            </a>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
// import jshop from '@/components/jshop/jshop.vue';
// import jihaiCopyright from '@/components/jihai-copyright/jihaiCopyright.vue';
import { goods } from "@/config/mixins.js";
export default {
  mixins: [goods],
  components: {
    // jihaiCopyright,
    // jshop
  },
  props: {
  	jdata:{
  		// type: Array,
  		required: true,
  	}
  },
  data() {
    return {

    };
  },

  methods: {

      details(id){
        // this.$common.navigateTo("./counselor/Counselor");
		this.$common.navigateTo("./detail/Detail?id="+id);
      },

  },
  //获取分享URL
};
</script>

<style scoped>
/* 咨询律师 */
.content{
  margin-top: 40upx;
}
.hd{
  height: 56upx;
}
.consult-haed {
  font-size:42upx;
  font-weight: 600;
  float: left;
  margin-left: 40upx;
  padding-right: 220upx;
}
.know {
  line-height: 56upx;
  margin-top: 20upx;
  color: #a8adb4;
}



.mfgs-item {
  width: 668upx;
  height: 296upx;
  margin-left:40upx;
  margin-top: 20upx;
  border: 1upx solid #cdd7e1;
  -webkit-border-radius: 1upx;
  -moz-border-radius:1upx;
  border-radius: 1upx;
}

.btn-area{
	width: 210upx;
	height: 296upx;
	border:1upx solid #999;
	float: left;
	position: relative;
}
.btn-area>img{
  width: 208upx;
	height:294upx;
}
.common-call{
	padding: 10upx 20upx;
	position: absolute;
	/* margin-top:-5rpx;
	margin-left:30upx ; */
	background: #35CCCC;
	color: #fff;
	text-decoration: none;
	/* float: left; */
	top:220rpx;
	left: 30rpx;
}
.card-front{
	/* width:412upx;
	height:148upx;
	float: left; */
}
.zxs_info{
  	width:412upx;
    height:268upx;
    float: left;
    margin-top:-20upx ;
    margin-left:20upx ;
}
.title,.num{
	width:390upx;
	height: 38upx;
  margin: 0 auto;
  margin-top: 10upx;
}
.title>p{
  float: left;
  margin-left: 20upx;
}
.tit{
	  display: inline;
    font-size: 28upx;
    font-weight: 600; 
}
.ti{
  font-size: 24upx;

}
.stars{
	height: 36upx;
	width: 390upx;
	margin-left:20upx ; 
	/* float: left; */
	margin-top: 20upx;
}

.num>p{
  float: left;
	font-size: 24upx;
  color: rgba(20,196,196,1);
  margin-left:10upx;
}
.desc{
	font-size: 8upx;
	height:90upx;
  width:390upx;
	margin-top:08upx;
	margin-left:20upx;
  font-size: 24upx;
  font-family:Source Han Sans CN;
  color:rgba(154,154,154,1);
  text-overflow: ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical; 
	-webkit-line-clamp:3;
	line-height: 30upx;
	overflow: hidden;
}

/* 咨询律师 */
</style>
